<template>
    <div>
        <!--顶部区域-->
      <header>
        顶部：<slot name="header"></slot>
      </header>

      <!--侧边栏区域-->
      <slider>
        <!--通过<slot>标签属性（:items="menus")向父组件传递数据-->
        侧边栏：<slot name="slider" :items="menus"></slot>
      </slider>
      <!--内容显示区域-->
      <main>
        内容显示区域：<slot name="default"></slot>
      </main>
    </div>
</template>
<script>
export default{
    data(){
        return{
            menus:[
                "用户管理","角色管理","日志管理"
            ]
        }
    }
}
</script>